<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一个不知名的网站</title>
    <link rel="stylesheet" href="../static/bootstrap-3.4.1-dist/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../static/css/dcalendar.picker.css"/>
    <link rel="stylesheet" href="../static/css/element.css"/>
    <style>

      <style>
 .dropdown{
            position: relative;
            display: inline-block;
        }
        .dropbtn{
            background-color: #003B95;
            color: white;
            font-size: 16px;
            padding: 16px;
            border: none;
            cursor: pointer;
        }
        .dropdown-content{
            display: none;
            position: absolute;
            background-color: white;
            width: 100%;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        }
        .dropdown-content a{
            color: black;
            padding: 12px 16px;
            text-decoration:  none;
            display: block;
        }
        .dropdown-content a:hover{
            background-color: #b9def0;
        }
        .dropdown:hover .dropdown-content{
            display: block;
        }
        .dropdown:hover .dropbtn{
            background-color: #003B95;
        }
        .navbar-default .navbar-brand {
            color: #fff;
            font-size: 30px;
            padding-left: 30px

        }

        .navbar-default .navbar-text {
            margin-top: 15px;
            color: #fff;
        }

        .navbar-text {
            color: #fff;
            font-size: 15px
        }

        .nav nav-tabs {
            background-color: #003b95;
        }

        .content-sec3 {
            position: relative;
            max-width: 100%;
            height: auto;
            background: url('../static/img/headerpic.jpeg') no-repeat top center;
            background-size: 100% auto;
            background-color: cadetblue;
        }
    </style>
</head>
<body>
<nav class="navbar navbar-default" style="background-color: #003b95   ">

  <div class="container-fluid ">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
         <div class="container">
      <a class="navbar-brand "  href="https://www.booking.cn">Booking.com</a>
         </div>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
          <li> <p class="navbar-text ">上线我的住宿</p></li>
          <li><p class="hidden"id="loginif">{{islog}}</p></li>
          <li id="mycon"><a href="/fake" style="color:#fff">欢迎用户</a></li>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<ul class="nav nav-tabs ">
    <li role="presentation" class="active " style="margin-left:20px"><a href="#"><span class="glyphicon glyphicon-bed"
                                                                                       aria-hidden="true"></span>住宿</a>
    </li>
    <li role="presentation"><a
            href="https://www.booking.com/attractions/index.zh-cn.html?aid=1662037&amp;sid=dbdb80c0ef230f97a76c0cc16caff245"
            style="color:black"><span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>景点</a></li>
</ul>
<!--header2-->
<div class="jumbotron content-sec3">
    <h1 style="color:white">你的理想假期，你做主</h1>
    <h3 style="margin-left:15px;color:white">从休闲度假到“断网式”冒险，全球住宿至少省15%</h3>
    <h3 style="margin-left:15px;color:white">这个黄金周额外再享20%优惠</h3>
    <p style="margin-top:30px;margin-left:15px"><a class="btn btn-primary btn-lg"
                                                   href="https://www.booking.cn/dealspage.zh-cn.html?sid=dbdb80c0ef230f97a76c0cc16caff245&aid=1662037&campaign_id=getaway"
                                                   role="button">查找年终大促</a></p>
</div>
<!--搜索框-->

<!--<div>-->
<!--  <div class="block">-->
<!--    <el-date-picker-->
<!--      v-model="value1"-->
<!--      type="daterange"-->
<!--      range-separator="至"-->
<!--      start-placeholder="开始日期"-->
<!--      end-placeholder="结束日期">-->
<!--    </el-date-picker>-->
<!--  </div>-->
<!--</div>-->

<!--<div class="f9cf783bde"><div class="d67edddcf0" tabindex="-1"><button type="button" data-testid="occupancy-config" class="d47738b911 b7d08821c3"><span data-testid="occupancy-config-icon" class="b6dc9a9e69 ca4f2a5850 e6c50852bd b8c9de5937" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zM18 6A6 6 0 1 0 6 6a6 6 0 0 0 12 0zM3 23.25a9 9 0 1 1 18 0 .75.75 0 0 0 1.5 0c0-5.799-4.701-10.5-10.5-10.5S1.5 17.451 1.5 23.25a.75.75 0 0 0 1.5 0z"></path></svg></span>2位成人 · 0名儿童 · 1间客房<span data-testid="searchbox-form-button-icon" class="b6dc9a9e69 f8931b3e81 e25355d3ee" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 9.45c0 .2-.078.39-.22.53l-5 5a1.08 1.08 0 0 1-.78.32 1.1 1.1 0 0 1-.78-.32l-5-5a.75.75 0 0 1 0-1.06.74.74 0 0 1 1.06 0L12 13.64l4.72-4.72a.74.74 0 0 1 1.06 0 .73.73 0 0 1 .22.53zm-5.72 4.47zm-.57 0z"></path></svg></span></button></div></div>-->


<div class="container" style="margin-bottom: 100px">
    <div style="border:5px solid #febb02;padding-bottom: 10px;">
        <form method="post" style="display: inline-block;">
            <div style="display: inline-block;">
                <div class="input-group" style="margin-left: 20px;width:200px;margin-top: 10px;margin-bottom: 6px">
                    <div style="display: inline-block;font-weight: 700">目的地</div>
                    <span style="font-size:13px"><input type="text" name="city"
                                                        class="form-control"></span>
                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
            <div style="display: inline-block;margin-left: 10px;padding-left: 10px;">
                <div class="input-group">

                    <div style="display: inline-block;margin-left: 10px;margin-top: 20px">
                        <div style="font-weight: 700">开始日期</div>
                        <div style="display: inline"></div>
                        <input
                            id='mydatepicker' type='text' class="form-control" name="start"
                            style="display: inline-block"/></div>
                    <div style="display: inline-block;margin-left: 10px;margin-top: 20px">
                        <div style="font-weight: 700">结束日期</div>
                        <div style="display: inline"></div>
                        <input id='mydatepicker1' type='text' class="form-control" name="end"/></div>
                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
            <div style="display: inline-block;padding-left: 10px">
                <div class="input-group" style="margin-left:10px">
                    <div style="display: inline-block;">   <span style="font-size:13px;font-weight: 700">成人<select
                            required="required" class="form-control"
                            name="adult">
     <option value="0" selected="selected">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>

  </select></span></div>
                    <div style="display: inline-block;padding-left:10px;margin-bottom: 6px">   <span
                            style="font-size:13px;font-weight: 700">儿童<select required="required" class="form-control"
                                                                     name="child">
     <option value="0" selected="selected">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>

  </select></span></div>
                    <div style="display: inline-block;padding-left:10px;width:75px">   <span style="font-size:13px;font-weight: 700">客房<select
                            required="required" class="form-control"
                            name="room">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
  </select></span></div>
                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
            <div style="display: inline-block;padding-left: 20px">
                <div class="input-group">
                    <input type="submit" value="搜特价"
                           style="height:50px;font-size: 20px;font-weight:500;color:#fff;background:#0071c2;border-radius: 4px;box-shadow: none;border:1px solid #0071c2;"
                           onclick="checkUser()">
                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
        </form>
    </div>
</div>


<!--&lt;!&ndash;巨幕&ndash;&gt;-->
<!--<div class="container">-->
<!--    <div style="border:5px solid orange">-->

<!--        <div class="row">-->
<!--            <form method="post">-->
<!--                <div class="col-md-4">-->
<!--                    <div class="input-group" style="margin-top: 30px;margin-left: 50px">-->
<!--                        <span style="font-size:15px"><b>目的地</b><input type="text" name="city"-->
<!--                                                                      class="form-control"></span>-->
<!--                    </div>&lt;!&ndash; /input-group &ndash;&gt;-->
<!--                </div>&lt;!&ndash; /.col-lg-6 &ndash;&gt;-->
<!--                <div class="col-md-3">-->
<!--                    <div class="input-group">-->
<!--                        <p><b> 开始日期:</b> <input id='mydatepicker2' type='text' class="form-control" name="start"/></p>-->
<!--                        <p><b>结束日期:</b> <input id='mydatepicker3' type='text' class="form-control" name="end"/></p>-->
<!--                    </div>&lt;!&ndash; /input-group &ndash;&gt;-->
<!--                </div>&lt;!&ndash; /.col-lg-6 &ndash;&gt;-->
<!--                <div class="col-md-2">-->
<!--                    <div class="input-group" style="margin-top: 0px;margin-left: -10px">-->
<!--                        <div style="">   <span style="font-size:13px;"><b>成人</b><select required="required" class="form-control"-->
<!--                                                                               name="adult">-->
<!--     <option value="0" selected="selected">0</option>-->
<!--    <option value="1">1</option>-->
<!--    <option value="2">2</option>-->
<!--    <option value="3">3</option>-->
<!--    <option value="4">4</option>-->
<!--    <option value="5">5</option>-->
<!--    <option value="6">6</option>-->
<!--    <option value="7">7</option>-->
<!--    <option value="8">8</option>-->
<!--    <option value="9">9</option>-->

<!--  </select></span></div>-->
<!--                        <div style="">   <span style="font-size:13px;"><b>儿童</b><select required="required" class="form-control"-->
<!--                                                                               name="child">-->
<!--     <option value="0" selected="selected">0</option>-->
<!--    <option value="1">1</option>-->
<!--    <option value="2">2</option>-->
<!--    <option value="3">3</option>-->
<!--    <option value="4">4</option>-->
<!--    <option value="5">5</option>-->
<!--    <option value="6">6</option>-->
<!--    <option value="7">7</option>-->
<!--    <option value="8">8</option>-->
<!--    <option value="9">9</option>-->

<!--  </select></span></div>-->
<!--                        <div style="display: inline-block">   <span style="font-size:13px;"><b>客房</b><select required="required" class="form-control"-->
<!--                                                                               name="room">-->
<!--    <option value="1" selected="selected">1</option>-->
<!--    <option value="2">2</option>-->
<!--    <option value="3">3</option>-->
<!--    <option value="4">4</option>-->
<!--    <option value="5">5</option>-->
<!--    <option value="6">6</option>-->
<!--    <option value="7">7</option>-->
<!--    <option value="8">8</option>-->
<!--    <option value="9">9</option>-->
<!--    <option value="10">10</option>-->
<!--  </select></span></div>-->
<!--                    </div>&lt;!&ndash; /input-group &ndash;&gt;-->
<!--                </div>&lt;!&ndash; /.col-lg-6 &ndash;&gt;-->
<!--                <div class="col-md-2">-->
<!--                    <div class="input-group" style="margin-top: 45px">-->
<!--                        <input type="submit" value="搜特价" style="font-size: 25px;color:#fff;background:#0071c2"-->
<!--                               onclick="checkUser()">-->
<!--                    </div>&lt;!&ndash; /input-group &ndash;&gt;-->
<!--                </div>&lt;!&ndash; /.col-lg-6 &ndash;&gt;-->
<!--            </form>-->
<!--        </div>&lt;!&ndash; /.row &ndash;&gt;-->
<!--    </div>-->
<!--</div>-->
<!--搜索栏-->
<div class="container" style="margin-top: 20px">
    <div class="row">
        <div class="col-xs-6 col-md-6 " style="border:none;">
            <a href="https://www.booking.cn/searchresults.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&dest_id=-1456928&dest_type=city&group_adults=2&req_adults=2&no_rooms=1&group_children=0&req_children=0"
               class="thumbnail">
                <div style="width: 100%;

height: 280px;

background-image:url(../static/img/pic1.jpg);

background-size:100%;

background-repeat:no-repeat;

color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 24px;
font-weight: 700;
padding: 20px 20px;
font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;">
                    巴黎
                </div>

            </a>

        </div>
        <div class="col-xs-6 col-md-6">
            <a href="https://www.booking.cn/searchresults.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&dest_id=-3414440&dest_type=city&group_adults=2&req_adults=2&no_rooms=1&group_children=0&req_children=0"
               class="thumbnail">
                <div style="width: 100%;
height: 280px;
background-image:url(../static/img/pic2.jpg);
background-size:100%;
background-repeat:no-repeat;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 24px;
font-weight: 700;
padding: 20px 20px;
font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;"
                >
                    曼谷
                </div>

            </a>

        </div>

    </div>
</div>

<div class="container" style="margin-top: 20px">
    <div class="row">
        <div class="col-xs-6 col-md-4">
            <a href="https://www.booking.cn/searchresults.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&dest_id=-1353149&dest_type=city&group_adults=2&req_adults=2&no_rooms=1&group_children=0&req_children=0"
               class="thumbnail">
                <div style="width: 100%;

height: 280px;

background-image:url(../static/img/pic3.jpg);

background-size:100%;

background-repeat:no-repeat;

color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 24px;
font-weight: 700;
padding: 20px 20px;
font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;"

                >
                    <div class="fom"> 香港</div>
                </div>

            </a>
        </div>
        <div class="col-xs-6 col-md-4">
            <a href="https://www.booking.cn/searchresults.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&dest_id=-246227&dest_type=city&group_adults=2&req_adults=2&no_rooms=1&group_children=0&req_children=0"
               class="thumbnail">
                <div style="width: 100%;

height: 280px;

background-image:url(../static/img/pic4.jpg);

background-size:100%;

background-repeat:no-repeat;

color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 24px;
font-weight: 700;
padding: 20px 20px;
font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;"

                >
                    东京
                </div>

            </a>
        </div>
        <div class="col-xs-6 col-md-4">
            <a href="https://www.booking.cn/searchresults.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&dest_id=-126693&dest_type=city&group_adults=2&req_adults=2&no_rooms=1&group_children=0&req_children=0"
               class="thumbnail">
                <div style="width: 100%;
height: 280px;

background-image:url(../static/img/pic5.jpg);

background-size:100%;

background-repeat:no-repeat;
solid-opacity: 0;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 24px;
font-weight: 700;
padding: 20px 20px;
font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;"

                >
                    罗马
                </div>

            </a>
        </div>

    </div>
</div>
<h3 class="container">
    <b style="font-size:20px"> 探索中国</b>
    <h4 class="container" style="color:darkgrey;font-size: 15px">
        这些热门目的地精彩纷呈
    </h4>
</h3>
<div class="container" style="margin-top: 20px">
    <div class="row">
        <div class="col-xs-6 col-md-2">
            <a href="#" class="thumbnail">
                <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;"
                     src="../static/img/p1.jpg" data-holder-rendered="true">
                <form method="post">
                    <input type="submit"
                           style="font-size:16px;font-weight:700; background: white;border:0px;color: #262626"
                           value="上海" name="city">
                </form>
            </a>

      </div>
      <div class="col-xs-6 col-md-2">
        <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p2.jpg" data-holder-rendered="true">
         <form method="post">
            <input type="submit" style="font-size:16px;font-weight:700; background: white;border:0px;color: #262626"value="北京"name="city">
            </form>
        </a>

      </div>
      <div class="col-xs-6 col-md-2">
        <a href="#" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p3.jpg" data-holder-rendered="true">
        <form method="post">
            <input type="submit" style="font-size:16px;font-weight:700; background: white;border:0px;color: #262626" value="广州" name="city">
            </form>
        </a>
      </div>
      <div class="col-xs-6 col-md-2">
        <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p4.jpg" data-holder-rendered="true">
        <form method="post">
            <input type="submit" style="font-size:16px;font-weight:700; background: white;border:0px;color: #262626"value="三亚"name="city">
            </form>
        </a>

      </div>
      <div class="col-xs-6 col-md-2">
        <a href="#" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p5.jpg" data-holder-rendered="true">
         <form method="post">
            <input type="submit" style="font-size:16px;font-weight:700; background: white;border:0px;color: #262626"value="杭州"name="city">
            </form>
        </a>
      </div>
      <div class="col-xs-6 col-md-2">
        <a href="#" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p6.jpg" data-holder-rendered="true">
        <form method="post">
            <input type="submit" style="font-size:16px;font-weight:700; background: white;border:0px;color: #262626"value="南京"name="city">
            </form>
        </a>
      </div>
    </div>
</div>
<div class="container">
<h2 style="font-size: 20px">
    <b>
   根据住宿类型浏览
    </b>
</h2>
    </div>
<div class="container" style="margin-top: 20px">
<div class="row">
      <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p11.jpeg" data-holder-rendered="true">
        <b style="font-size:18px">酒店</b>
        </a>

      </div>
      <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p12.jpeg" data-holder-rendered="true">
         <b style="font-size:18px">公寓</b>
        </a>

      </div>
      <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p13.jpeg" data-holder-rendered="true">
        <b style="font-size:18px">度假村</b>
        </a>
      </div>
      <div class="col-xs-6 col-md-3">
        <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="100%x180" style="height: 140px; width: 100%; display: block;" src="../static/img/p14.jpeg" data-holder-rendered="true">
        <b style="font-size:18px">别墅</b>
        </a>

      </div>

    </div>
</div>
<div class="container">
<h2 style="font-size: 25px">
    <b>
客人喜爱的民宿短租
    </b>
    <p style="color:darkgrey;font-size:15px;margin-top: 10px"> 无论是城堡、别墅、船屋还是冰屋，我们的选择应有尽有</p>

</h2>
    </div>
<div class="container" style="margin-top: 20px">
<div class="row">
      <div class="col-xs-6 col-md-3">
        <a href="https://www.booking.cn/hotel/be/la-roulotte-de-ciney.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&ucfs=1&arphpl=1" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;" src="../static/img/p21.webp" data-holder-rendered="true">
        <b style="font-size:18px">La Roulotte de Ciney</b>
        </a>

      </div>
      <div class="col-xs-6 col-md-3">
        <a href="https://www.booking.cn/hotel/pl/domki-wierszyki.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&ucfs=1&arphpl=1" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;" src="../static/img/p22.webp" data-holder-rendered="true">
         <b style="font-size:18px">Wierszyki Shelters</b>
        </a>

      </div>
      <div class="col-xs-6 col-md-3">
        <a href="https://www.booking.cn/hotel/pl/ranczo-w-dolinie-kiszkowo.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&ucfs=1&arphpl=1" class="thumbnail">
          <img data-src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;" src="../static/img/p23.webp" data-holder-rendered="true">
        <b style="font-size:18px">Ranczo w Dolinie</b>
        </a>
      </div>
      <div class="col-xs-6 col-md-3">
        <a href="https://www.booking.cn/hotel/de/dreischwesternherz.zh-cn.html?label=baidu-brand-list1&utm_source=baidu&utm_medium=brandzone&utm_campaign=title&aid=1633942&ucfs=1&arphpl=1" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;" src="../static/img/p24.webp" data-holder-rendered="true">
        <b style="font-size:18px">Tiny House Dreischwesternherz</b>
        </a>

      </div>

    </div>
</div>
<section class="pt-5 pb-5 bg-warning rounded mt-5 mb-5 aos-init aos-animate" data-aos="zoom-in">
<div class="container text-center">
	<h1 class="mb-3 mt-3">Like what you see?</h1>
	<h3 class="font-weight-light mb-5">方便又省钱！
<em><strong></strong></em> 立即注册，获取优惠好价！ </h3>
	<div class="row justify-content-center mb-5">
		<div class="col-lg-4">
		</div>
		<div class="col-lg-4">
			<a target="_blank" class="btn btn-dark shadow-lg btn-lg d-block mb-2 btn-round" href="https://join.booking.com/?lang=zh-cn&aid=376390&utm_source=footer_menu&utm_medium=frontend&label=bookings-naam-oYFnc5Uc4A3ORKdyD8eI7AS632911532530:pl:ta:p1:p22,563,000:ac:ap:neg:fi:tikwd-65526620:lp1009280:li:dec:dm:ppccp=UmFuZG9tSVYkc2RlIyh9YXdX6HrtnYy-wu9AdI9VTio">
			<i class="fab fa-github mr-1"></i> 上线我的住宿</a>
		</div>
	</div>
</div>
</section>
<div style="border:solid 2px black"></div>
<div class="footerconstraint-inner container"style="margin-top: 10px">
<div id="footer" class="footer-navigation-links-wrapper clearfix" role="navigation">
<div id="footer_links" class="footer-navigation-links">
<div class="footer-navigation-links-column footer-seo-links-to-html-sitemaps">
<ul class="footer-navigation-links-list col-xs-6 col-md-2">
<li class="footer-navigation-link">
<a href="https://www.booking.cn/country.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
国家/地区
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/region.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
区域
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/city.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
城市
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/district.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
区
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/airport.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
机场
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/hotel/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
酒店
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/landmark.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="seoindexlinks">
周边地标/景点
</a>
</li>
</ul>
</div>
<div class="footer-navigation-links-column">
<ul class="footer-navigation-links-list footer-seo-links-to-index col-xs-6 col-md-2">
<li class="footer-navigation-link">
<a href="https://www.booking.cn/booking-home/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="booking-home">
民宿短租
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/apartments/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="apartments">
公寓
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/resorts/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="resorts">
度假村
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/villas/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="villas">
别墅
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/hostels/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="hostels">
青旅
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/bed-and-breakfast/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="bed_and_breakfast">
住宿加早餐旅馆
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/guest-house/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="guest_house">
旅馆
</a>
</li>
</ul>
</div>
<div class="footer-navigation-links-column">
<ul class="footer-navigation-links-list col-xs-6 col-md-3">
<li class="footer-navigation-link">
<a href="https://www.booking.cn/accommodations.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="accommodations">
全球独特住宿
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/destination.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="destinations">
所有目的地
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/flights/sitemap.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="flights_destinations">
所有航班目的地
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/cars/sitemap.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="cars_destinations">
所有租车点
</a>
</li>
<li class="footer-navigation-link">
<a href="/discover.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
发现精彩
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/reviews
.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc
" data-ga="seoindexlinks" class="js-reviews-footer-link">
客人点评
</a>
</li>
<div data-et-view="  BHDTJdReLLCBLZBeMbFMOFIbeDUHYKe:1 BHDTJdReLLCBLZBeMbFMOFIbeDUHYKe:3 "></div>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/extended-stays/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" data-ga="extended-stays">
探索月租
</a>
</li>
<li class="footer-navigation-link">
<a href="https://booking.cn/articles.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" type="nav" location="main-site-footer" category="articles-link">
游记攻略
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/deals/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc" title="季节和假日优惠">
季节和假日优惠
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/traveller-awards/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
Traveller Review Awards
</a>
</li>
</ul>
</div>
<div class="footer-navigation-links-column">
<ul class="footer-navigation-links-list col-xs-6 col-md-2">
<li class="footer-navigation-link">
<a rel="nofollow" href="http://cars.booking.com/Home.do?affiliateCode=booking-com&amp;adplat=footer&amp;preflang=zh-cn" target="_blank" data-google-track="Click/Rental cars footer link click (loy_footer_rentalcars_copy: 0)/index" data-ga-track="click|pageview:/outgoinglink/traveljigsaw/zh">
租车服务
</a>
</li>
<li class="footer-navigation-link">
<a rel="nofollow" href="https://booking.cn/pxgo?url=https%3A%2F%2Fbooking.kayak.com%2Fin%3Fa%3Dbdc%252Ffooter_link%26p%3Dfooter_link%26sid%3D1c3c74b8ebf43b98ff7f33d85a5ffadc%26mc%3DCNY%26bdclc%3Dzh-cn&amp;token=UmFuZG9tSVYkc2RlIyh9Yb5s-oRzgw76bcWUd8wbcu_HQ_oNS0n5o7zQ4ALMS4xCAz2HhcKhGLwnccOLYQQwIxoA1l8Dn-u7SWMJSrnvF2SlZw8LSyUylQlCcuex9gosnb-4lO3cBh4k55cNqRMSfFPLFXGPgVPZeOUwZXy7_R3yPHWDyJSfMAqwMnH4WY9TRhY0s8ADXBtGbDLIS0T-KtRtFttcYhtDXbuQ7ipS0tb--gvkbygnAE6CDsonH1jwNNquYwxgt-fAFY4IzjwKRYif4ihrj-bn70oWjdeHkcdSByHc3aIq9e3pHTCqMCCtVtwVI2LSsPyn_XU17hLXAA&amp;aid=1633942&amp;lang=zh" target="_blank" data-google-track="Click/Kayak footer link/index" data-ga-track="click|pageview:/outgoinglink/kayaklink">
订机票
</a>
</li>
<li class="footer-navigation-link">
<a rel="nofollow" href="http://www.opentable.com?ref=16087" target="_blank" data-google-track="Click/Opentable footer link/index" data-ga-track="click|pageview:/outgoinglink/opentablelink">
餐厅订位
</a>
</li>
<li class="footer-navigation-link">
<a href="
https://booking.cn/affiliate-program/v2/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc&amp;utm_medium=referral&amp;utm_campaign=booking-footer&amp;utm_content=travel-agents-link&amp;utm_source=booking.com
" title="Booking.com for Travel Advisers" data-ga-track="click|pageview:/internallink/partner/footer/adviserslink/index/zh-cn">
Booking.com缤客旅行代理机构中心
</a>
</li>
</ul>
</div>
<div class="footer-navigation-links-column">
<ul class="footer-navigation-links-list col-xs-6 col-md-3">
<li class="footer-navigation-link">
<a href="https://www.booking.cn/covid-19-booking-faqs.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
新冠肺炎（COVID-19）疫情常见问题及解答
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/content/about.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">关于Booking.com缤客</a>
</li>
<li class="footer-navigation-link">
<a href="/content/contact-us.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">联系我们</a>
</li>
<li class="footer-navigation-link">
<a href="/content/business-license.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">营业执照</a>
</li>
<li class="footer-navigation-link">
<a href="https://secure.booking.cn/help.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc&amp;source=footer_navigation#/?source=footer_navigation" data-ga-track="click|Click|Action: index|hc_entrypoint_footer_navigation">
客服帮助
</a>
</li>
<li class="footer-navigation-link">
<a href="https://partner.booking.com/en-gb?utm_campaign=footer_list&amp;utm_medium=frontend_footer&amp;utm_source=booking.com">
酒店自助平台
</a>
</li>
<li class="footer-navigation-link">
<a href="https://careers.booking.com/?utm_source=corporate&amp;utm_medium=footer" data-ga-track="click|pageview:/outgoinglink/footer/careerlink/zh-cn">
Careers
</a>
</li>
<li class="footer-navigation-link">
<a href="https://sustainability.booking.com/" data-ga-track="click|pageview:/outgoinglink/footer/sustainabilitylink/zh-cn">
可持续发展项目
</a>
</li>
<li class="footer-navigation-link">
<a class="tracked" data-google-track="Click/Action: about_us/press" href="https://news.booking.com/zh-chs/">
新闻中心
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/trust-and-safety.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc&amp;utm_source=footer_menu&amp;utm_medium=web_frontend" class="tracked">
安全旅行信息中心
</a>
</li>
<li class="footer-navigation-link">
<a class="tracked" data-google-track="Click/Action: about_us/investor_relations" href="https://www.bookingholdings.com/">
投资者关系
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/content/terms.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
条款与条件
</a>
</li>
<li class="footer-navigation-link">
<a href="https://secure.booking.cn/content/complaints.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
合作伙伴申诉
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/content/how_we_work.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
我们如何运作
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.booking.cn/content/privacy.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
隐私和Cookie声明
</a>
</li>
<li class="footer-navigation-link">
<div style="display:none">
<button id="ot-sdk-btn" class="ot-sdk-show-settings">点此</button>
</div>
<a href="#" class=" ot-preference-center-footer">
管理Cookie设置
</a>
</li>
<li class="footer-navigation-link">
<a href="https://www.bookingholdings.com/about/compliance-and-ethics/">
MSA声明
</a>
</li>
<li class="footer-navigation-link" data-ga-track="click|CSIR|CS|footer_link_contact_us">
<a href="https://www.booking.cn/content/contact-us.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
其他问题查询
</a>
</li>
<li class="footer-navigation-link">
<a href="#" title="
最优惠价格保证 - 核实后将予以差价补偿！
" class="
jq_tooltip
open-bpg-in-overlay-instead
">价格更放心</a>
</li>
</ul>
</div>
</div>
</div></div>
<!--尾页-->
    <script src="../static/js/jquery-3.6.4.min.js"></script>
<script src="../static/bootstrap-3.4.1-dist/bootstrap/js/bootstrap.min.js"></script>
<script src="../static/js/element.js"></script>
<script src="../static/js/vue.js"></script>
<script type="text/javascript" src="../static/js/dcalendar.picker.js"></script>
<script type="text/javascript">
	$('#mydatepicker').dcalendarpicker();
    $('#mydatepicker1').dcalendarpicker();
</script>
<script type="text/javascript">
$(function () {
  $('[data-toggle="popover"]').popover()
})
    </script>
<script type="text/javascript">
//测试
	function checkUser(){
		var username=document.getElementById("mydatepicker").value;
		var username1=document.getElementById("mydatepicker1").value;
		if(username=="" || username1==""){
			alert("预定时间不为空");
		}

	}
    function onUse(){
        	var loginif=document.getElementById("loginif").innerHTML;
            if(loginif==0)
            {
                document.getElementById("mycon").innerHTML=`<a href="/register"><button id="mylogin"style="background: #003b95;border: 0px;color: white;font-size:15px">登录/注册</button></a>`
            }
            else
            {
               document.getElementById("mycon").innerHTML=`   <li><div class="dropdown"style="z-index: 9999">
                    <button class="dropbtn">欢迎预定！</button>
                    <div class="dropdown-content">
                        <a href="/fake">查看订单 </a>
                        <a href="/logout">退出 </a>
                    </div>
                </div></li>`
            }
    }
    onUse()
  </script>
</body>
</html>